<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购</title>

    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
</head>
<body>
    <div class="logo">
        <img src="./images/logo.png" alt="">
    </div>

    <!-- 主体 -->
    <div class="main ">
        <!-- 背景图 -->
        <div class="bgimg">
            <img src="./images/bg.png" alt="">
        <!-- 登录 -->
            <div class="login">
                <!-- 选择登录 -->
                <div class="choose">
                    <h1 class="choose1">扫描登录</h1>
                    <h1 class="choose2">账户登录</h1>
                </div>

                <!-- 警告 -->
                 <div class="warn">
                    公共场所不建议自动登录，以免账号丢失
                 </div>

                 <!-- 输入框 -->
                  <div class="username">
                    <img src="./images/zh.png" alt="">
                    <input type="text" placeholder="邮箱/用户名/手机号">
                  </div>

                <div class="password">
                    <img src="./images/pw.png" alt="">
                    <input type="text" placeholder="请输入密码">
                </div>

                <!-- 自动登录/忘记密码 -->
                 <div class="mid">
                    <div class="auto">
                        <input type="checkbox" name="auto" value="auto">
                        <p>自动登录</p>
                    </div>

                    <div class="forget">
                        <p>忘记密码？</p>
                    </div>

                 </div>

                 <!-- 登录按钮 -->
                  <button class="loginbtn">登 录</button>

                  <!-- 登录app -->
                   <div class="app">
                    <ul>
                        <li><img src="./images/icon1.png" alt=""></li>
                        <li><img src="./images/icon2.png" alt=""></li>
                        <li><img src="./images/icon3.png" alt=""></li>
                        <li><img src="./images/icon4.png" alt=""></li>
                    </ul>
                    <div class="register">立即注册</div>
                   </div>

                   
            </div>


        </div>
            
    </div>

    <footer>
        <div class="about">
            
            <ul>
                <li>关于我们</li>
                <li>联系我们</li>
                <li>联系客服</li>
                <li>商家入驻</li>
                <li>营销中心</li>
                <li>手机品优购</li>
                <li>友情连接</li>
                <li>销售联盟</li>
                <li>品优购社区</li>
                <li>品优购公益</li>
                <li>English Site</li>
                <li>Contact U</li>
            </ul>
        </div>
        <div class="info">
            地址:北京市昌平区建材械西路金东龙办公楼一层编:100096电话:400-618-4000传真:010-82935100郎箱:zhanghj+itcast.cn
        </div>
        <div class="beian">
            京ICP备08001421号京公网安备110108007702
        </div>
        </div>
    </footer>

</body>
</html>